
$(function () {
  $.ajax({
    url: "/cart/getCart",
    data: { uid: JSON.parse(sessionStorage.getItem("userInfo")).uId },
    headers: {
      token: localStorage.getItem("token"),
    },
  }).then(function (result) {
    let { data } = result;
    console.log(data);
    let strHtml = ``;
    data.forEach((item) => {
      strHtml += `
      <tr class="selct1">
      <td><input type="checkbox" class="xu"/></td>
      <td class="maintd">
        <img src="${item.cImg}" alt="" />
        <a href="#"
          >${item.cName}
          <br />颜色:黑 尺码:XL</a
        >
      </td>
      <td>￥${item.oPrice}</td>
      <td>￥<span>${item.cPrice}</span></td>
      <td class="jisuan">
        <a class="fl reduce">-</a><input type="text" value="${item.cNumber}"/><a class="fl add">+</a>
      </td>
      <td><span>${item.cTotal}</span>.00</td>
      <td class="del1"><a data-cid="${item.cId}">删除</a></td>
    </tr>
      `;
    });
    $("tbody").html(strHtml);
    $(function () {
      $("tbody").on("click",".add", function () {
        var num = $(this).prev().val();
        num++;
        $(this).prev().val(num);
        var all = $(this).parents("td").prev().children().text();
        console.log(all);
        var price = all * num;
        $(this).parents("td").next().children().text(price);
        console.log(price);
      });
    });
    $(function () {
      $("tbody").on("click", ".reduce", function () {
        var num = $(this).next().val();
        if (num <= 1) {
          return;
        }
        num--;
        $(this).next().val(num);
        console.log(num);
        var all = $(this).parents("td").prev().children().text();
        console.log(all);
        var all2 = $(this).parents("td").next().children().text();
        console.log(all2);
        var price = all2 - 1 * all;
        $(this).parents("td").next().children().text(price);
        console.log(price);
        
      });
    });
    //全选
    $("th input").on("click",function(){
      if($(this).prop("checked")){
        $(".xu:checkbox").prop("checked", true);
        $(".xu2:checkbox").prop("checked", true);
         let allsum=0;
         let count=0
        $(".xu").parent().next().next().next().next().next().find("span").each(function(index,item){
          allsum+=parseInt($(item).text());
          count=index+1
          $(".spn1").text(count)
          console.log(count);
          $(".sp1").text(allsum)
        })
      }else{
        $(".xu:checkbox").prop("checked", false);
        $(".xu2:checkbox").prop("checked", false);
        $(".spn1").text("0")
        $(".sp1").text("0")
      }
    })
    //全选2
    $(".xu2").on("click",function(){
      if($(this).prop("checked")){
        $(".xu:checkbox").prop("checked", true);
        $("th input:checkbox").prop("checked", true);
         let allsum=0;
         let count=0
        $(".xu").parent().next().next().next().next().next().find("span").each(function(index,item){
          allsum+=parseInt($(item).text());
          count=index+1
          $(".spn1").text(count)
          console.log(count);
          $(".sp1").text(allsum)
        })
      }else{
        $(".xu:checkbox").prop("checked", false);
        $("th input:checkbox").prop("checked", false);
        $(".spn1").text("0")
        $(".sp1").text("0")
      }
    })
    // //循环选中的商品
    // $(".xu").on("click",()=>{
    //   let allcount=0
    //   $(this).each(function(index,item){
    //     if($(".xu").prop("checked")){
    //       allcount+=1
    //       $("th input:checkbox").prop("checked", false);
    //     }else{
          
    //     }
    //     console.log(allcount);
    // })
    // })
   
   //总价格加减
    var sum=0;
    var shul=0;
    $("tbody").on("click","td .xu",function(){
      $("td .xu").each(function(index,item){
        if(!($(".xu").prop("checked"))){
          $(".xu2:checkbox").prop("checked", false);
          $("th input:checkbox").prop("checked", false);
        }

      
    })
      
      if($(this).prop("checked")){
        sum+=parseInt($(this).parent().next().next().next().next().next().find("span").text());
        $(".sp1").text(sum); 
        shul+=1;
        $(".spn1").text(shul);
       
      }else{
        sum-=parseInt($(this).parent().next().next().next().next().next().find("span").text());
        $(".sp1").text(sum)
        shul-=1
        $(".spn1").text(shul)
      }
    });
  });
});

//删除商品
$(function () {
  $("tbody").on("click", ".del1 a", function () {
    let self = this;
    $.ajax({
      url: "/cart/delete",
      type: "post",
      data: {
        cId: $(this).attr("data-cid"),
      },
      headers: {
        token: localStorage.getItem("token"),
      },
    }).then(function (res) {
      if (res.code == 200) {
        $(self).parents("tr").remove();
      }
    });
  });
});

